<!--
Cross Browser CSS Opacity and the JavaScript Fade / Fading Effect
(c) 2009 by Andrew Johnson / ITNewb
    The techniques, effects and code demonstrated in ITNewb articles may be used
    for any purpose without attribution (although we recommend it).
    http://www.itnewb.com/v/Cross-Browser-CSS-Opacity-and-the-JavaScript-Fade-Fading-Effect
-->

.opacity25 { /* 25% opaque */
    opacity:0.25;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
    filter:alpha(opacity=25);
    zoom:1
}
.opacity50 { /* 50% opaque */
    opacity:0.50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter:alpha(opacity=50);
    zoom:1
}
.opacity75 { /* 75% opaque */
    opacity:0.75;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    filter:alpha(opacity=75);
    zoom:1
}
.opacity100 { /* fully opaque */
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:alpha(opacity=100);
    zoom:1
}

.opacityOff:hover {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:alpha(opacity=100);
    zoom:1
}

.fadeAble {
    opacity:0.25;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
    filter:alpha(opacity=25);
    zoom:1
}
.fadeAble:hover {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:alpha(opacity=100)
}

